<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客点赞</title>
    <th:block th:include="hander/navigation :: common(~{::links})"></th:block>
    <!--  js引入  -->
    <th:block th:include="/hander/navigation :: commonjs"></th:block>

</head>
<body class="after-body">
<!--  顶部导航栏  -->
<th:block th:replace="/hander/navigation :: navheader" ></th:block>
<div class="row body2 leftuserinfo">
<div class="col-md-12" style="margin: 25px 0 0 0;" >
<form id="blogForm">
<!--  右边区域  -->
    <div class="blog-title" id="adminblogright" style="float: right;">
        <!--     评论管理区域   -->
        <ul class="nav nav-tabs">
           <li class="fy active">
               <a href="#" onclick="s(0)">我的文章()</a>
           </li>
           <li class="fy">
               <a href="#" onclick="s(1)">我点的赞()</a>
           </li>
        </ul>
        <div>
            <!--    点赞查看区域    -->
            <div style="margin-top: 15px;" >
                <div style="height: auto;">
                    <div style="float: left;">
                        <img src="/images/index/1.png" class="img-circle" width="30px" height="30px" alt="用户头像" title="张三">&nbsp;
                            张三&emsp;
                            2020-02-24 15:12:00&emsp;
                        <span>点亮了你的文章
                            <span><a  style="color: #2aabd2">Mysql实战常用约束</a></span>
                        </span>
                    </div>
                    <div style="padding-left: 650px;">
                        <div class="btn-group-sm">
                            <button type="button" class="btn btn-link" style="text-decoration: none;outline: none;">查看文章</button>
                                &boxv;
                            <button type="button" class="btn btn-link" style="text-decoration: none;outline: none;">删除</button>
                        </div>
                    </div>
                    <div style="margin-top: 25px;border: 1px dashed #7f8087;width: available;"></div>
                </div>
            </div>
            <!--            分页          -->
            <div class="plq" style="text-align: center;">
                <ul class="pagination">
                    <li ><a href="#" onclick="s(0)">&laquo;</a></li>
                    <li class="fy active" ><a href="#" onclick="s(0)" >1</a></li>
                    <li class="fy " ><a href="#" onclick="s(1)" >2</a></li>
                    <li class="fy " ><a href="#" onclick="s(2)" >3</a></li>
                    <li class="fy "  ><a href="#" onclick="s(3)" >4</a></li>
                    <li class="fy " ><a href="#" onclick="s(4)" >5</a></li>
                    <li ><a href="#" onclick="s(0+1)" >&raquo;</a></li>
                </ul>
            </div>
        </div>
    </div>
<!--  左侧个人类别区域  -->
    <div style="float: left;margin-bottom: 20px;" >
        <th:block th:replace="/hander/navigation :: adminBlog-left"></th:block>
    </div>
</form>
</div>
</div>
<!-- 模态框（Modal） 新建个人分类专栏 -->
<div class="modal fade " id="createSpecial" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" style="font-weight: 600" id="myModalLabel">
                    个人分类
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal row" role="form" id="specialForm">
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="sname">分类名称：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="sname" id="sname" placeholder="请输入分类名称" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="sdescribe">描述：</label>
                        <div class="col-sm-10">
                            <textarea name="sdescribe" id="sdescribe" maxlength="255" class="form-control" placeholder="请描述一下该分类"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="surl">描述：</label>
                        <div class="col-sm-10">
                            <input type="file"  name="surl" id="surl" />
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="createSpecial()" >
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<style>
    .blog-title{
        width: 800px;
        height: auto;
    }
    .top-left{
        margin-top: 30px;
    }
</style>
</body>

</html>
